/**
 * Copyright (c) 2017-present, Liu Jinyong
 * All rights reserved.
 *
 * https://github.com/huanxsd/MeiTuan  
 * @flow
 */


import React, { PureComponent } from 'react'
import { View, Text, TextInput, StyleSheet, ScrollView, TouchableOpacity, ListView, Image, InteractionManager } from 'react-native'
import RefreshListView, { RefreshState } from 'react-native-refresh-list-view'
import Amazeuivercode from '../../../common/Amazeuivercode'
import { color, NavigationItem, Button, Separator, SpacingView } from '../../../widget'
import { screen, system } from '../../../common'
import * as api from '../../../api'
type Props = {
    navigation: any,
}

type State = {

}


class ApplyForDzIng extends PureComponent<Props, State> {

    static navigationOptions = ({ navigation }: any) => ({
        headerTitle: '开店审核',
        // headerStyle: {backgroundColor: 'white',fontSize:'4'},

    })

    constructor(props: Props) {
        super(props)

    }

    render() {

        return (
            <View>
                <View style={styles.itemview}>
                    <View style={{ backgroundColor: '#F56C23', width: 14, height: 14, borderRadius: 100 }} />
                    <View style={{ backgroundColor: '#F56C23', width: screen.width * 0.25, height: 2, }} />
                    <View style={{ justifyContent: 'center', alignItems: 'center', backgroundColor: '#FFFFFF', borderColor: '#F56C23', borderWidth: screen.onePixel * 2, width: 22, height: 22, borderRadius: 100 }}>
                        <View style={{ backgroundColor: '#F56C23', width: 14, height: 14, borderRadius: 100 }}></View>
                    </View>
                    <View style={{ backgroundColor: '#F56C23', width: screen.width * 0.25, height: 2, }} />
                    <View style={{ backgroundColor: '#F56C23', width: 14, height: 14, borderRadius: 100 }} />
                </View>
                <View style={styles.textview}>
                    <Text style={{fontSize:10}}>注册成功</Text>
                    <View style={{width: screen.width * 0.2}}/>
                    <Text style={{fontSize:10}}>等待审核</Text>
                    <View style={{width: screen.width * 0.2}}/>
                    <Text style={{fontSize:10}}>审核通过</Text>
                </View>
                <View style={{backgroundColor:'white',height: 24,alignItems: 'center',justifyContent: 'center'}}>
                <Text style={{fontSize:13,fontFamily:'PingFangSC-Regular'}}>您的申请将在1～3个工作日内审核完成，请耐心等待</Text>
                </View>
                <View style={{backgroundColor:'white',height: 60,alignItems: 'center',justifyContent: 'center'}}>
                <Text style={{fontSize:20,fontFamily:'PingFangSC-Semibold',color:'#F56C23' }}>重要通知</Text>
                </View>
                <View style={{borderColor:'white',backgroundColor:'white',height: 60,alignItems: 'center',justifyContent: 'center',borderLeftWidth:screen.width*0.15,borderRightWidth:screen.width*0.15}}>
                <Text style={{ fontSize:13,fontFamily:'PingFangSC-Semibold'}}>千万不要忘记关注“网聚世界”平台哦，</Text>
                <Text style={{ fontSize:13,fontFamily:'PingFangSC-Semibold',textAlign:'center'}}>这是个神奇的公众号，里面有超值活动，爆款优品，还能分享好友赚佣金。</Text>
                </View>
            </View>
        )
    }

}


const styles = StyleSheet.create({
    itemview: {
        borderTopWidth:60,
        borderColor:'white',
        backgroundColor:'white',
        width: screen.width,
        height: 100,
        justifyContent: 'center',
        alignItems: 'center',
        flexDirection: 'row',
    },
    textview: {
        width: screen.width,
        height: 24,
        justifyContent: 'center',  
        backgroundColor:'white',
        flexDirection: 'row',
    }

})


export default ApplyForDzIng
